import React, { Component } from 'react'

import {
  SearchWrap,
  SearchInner
} from './styledSearch'

export default class Search extends Component {
  render() {
    let { bgInnerColor, bgOuterColor, hasBorder } = this.props
    return (
      <>
        <SearchWrap
          bgOuterColor={bgOuterColor}
        >
          <SearchInner
            color="#ee742f"
            radius={0.06}
            width={hasBorder ? '1px' : '0px'}
            bgInnerColor={bgInnerColor}
          >
            <i className="icon-font">&#xe64f;</i>
            <span>想吃什么搜这里，比如川菜</span>
          </SearchInner>
        </SearchWrap>
      </>
    )
  }
}
